<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec"
           uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<sec:authentication property="principal" var="currentPrincipal"
                    scope="page"/>

<fmt:setBundle basename="ApplicationMessage"/>
<fmt:setLocale value="zh_CN"/>

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp" %>
  <%@ include file="/WEB-INF/include/css.jsp" %>

</head>

<body class="ms-theme-blue">

<%@ include file="/WEB-INF/include/header.jsp" %>
<%@ include file="/WEB-INF/include/submenu.jsp" %>

<div class="container-fluid ms-container has-ms-sidemenu">

  <ol class="ms-breadcrumb breadcrumb">
    <li class="active">订单管理&nbsp;&nbsp;-&nbsp;&nbsp;详情</li>
  </ol>

  <div class="ms-content-layout ">

    <div class="form-horizontal ms-form form-personal-info">
      <div class="block-heading">
        <h5>订单信息</h5>
      </div>
      <div class="form-group ms-form-group">

        <label class="control-label col-xs-2" style="width: 15%;">订单号：</label>
        <div class="col-xs-2">
          <p class="form-control-static">O1564539810833</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">下单时间：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2019-07-31 10:23:31</p>
        </div>

        <label class="control-label col-xs-2" style="width: 15%;">支付时间：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2019-07-31 10:23:31</p>
        </div>
      </div>
      
      <div class="form-group ms-form-group">

        <label class="control-label col-xs-2" style="width: 15%;">出票时间：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2019-07-31 10:23:31</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">取消时间：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2019-07-31 10:23:31</p>
        </div>

        <label class="control-label col-xs-2" style="width: 15%;">航空公司（斐济、英国）：</label>
        <div class="col-xs-2">
          <p class="form-control-static">英国航空</p>
        </div>
      </div>
      <div class="form-group ms-form-group">

        <label class="control-label col-xs-2" style="width: 15%;">第三方系统订单号：</label>
        <div class="col-xs-2">
          <p class="form-control-static">O1564539810833</p>
        </div>
      </div>

      <div class="block-heading">
        <h5>代理填写信息</h5>
      </div>
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">出发日期：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2019-10-10 12:30</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">到达日期：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2019-10-11 12:30</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">航班号：</label>
        <div class="col-xs-2">
          <p class="form-control-static">BA031</p>
        </div>
      </div>

      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">出发城市：</label>
        <div class="col-xs-2">
          <p class="form-control-static">北京</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">到达城市：</label>
        <div class="col-xs-2">
          <p class="form-control-static">伦敦</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">中文姓名：</label>
        <div class="col-xs-2">
          <p class="form-control-static">篮子</p>
        </div>
      </div>
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">手机号：</label>
        <div class="col-xs-2">
          <p class="form-control-static">13612345678</p>
        </div>
        
        <label class="control-label col-xs-2" style="width: 15%;">邮箱：</label>
        <div class="col-xs-2">
          <p class="form-control-static">lanzi@163.com</p>
        </div>

        <label class="control-label col-xs-2" style="width: 15%;">关联一级代理：</label>
        <div class="col-xs-2">
          <p class="form-control-static">afra</p>
        </div>
      </div>

      <div class="block-heading">
        <h5>价格信息</h5>
      </div>
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">实际售价：</label>
        <div class="col-xs-2">
          <p class="form-control-static">￥888</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">成本价：</label>
        <div class="col-xs-2">
          <p class="form-control-static">￥666</p>
        </div>
      </div>

      <div class="block-heading">
        <h5>客户信息</h5>
      </div>
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">英文姓：</label>
        <div class="col-xs-2">
          <p class="form-control-static">sun</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">英文名：</label>
        <div class="col-xs-2">
          <p class="form-control-static">lvyy</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">护照号码：</label>
        <div class="col-xs-2">
          <p class="form-control-static">E04123456</p>
        </div>
      </div>

      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">出生日期：</label>
        <div class="col-xs-2">
          <p class="form-control-static">1991-01-01</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">性别：</label>
        <div class="col-xs-2">
          <p class="form-control-static">女</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">护照有效期到期日：</label>
        <div class="col-xs-2">
          <p class="form-control-static">2020-10-10</p>
        </div>
      </div>
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">护照签发国：</label>
        <div class="col-xs-2">
          <p class="form-control-static">中国</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">护照照片：</label>
        <div class="col-xs-2">
          <p class="form-control-static"><img src="${ctx.resource}/images/avatar.jpg" style="display: block; width: 50px; height: 50px;"></p>
        </div>
      </div>

      <div class="block-heading">
        <h5>备注信息</h5>
      </div>
      <div class="form-group ms-form-group">
        <div class="col-xs-12">
          <textarea style="width: 100%; height: 100px; resize:none;" readonly>备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息</textarea>
        </div>
      </div>
      
      <div class="block-heading">
        <h5>支付信息</h5>
      </div>
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">支付时间：</label>
        <div class="col-xs-2">
          <p class="form-control-static">sun</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">支付金额：</label>
        <div class="col-xs-2">
          <p class="form-control-static">lvyy</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">支付方式：</label>
        <div class="col-xs-2">
          <p class="form-control-static">E04123456</p>
        </div>
      </div>
      
      <div class="form-group ms-form-group">
        <label class="control-label col-xs-2" style="width: 15%;">流水号：</label>
        <div class="col-xs-2">
          <p class="form-control-static">01283665018</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">是否退款：</label>
        <div class="col-xs-2">
          <p class="form-control-static">是</p>
        </div>
        <label class="control-label col-xs-2" style="width: 15%;">退款金额：</label>
        <div class="col-xs-2">
          <p class="form-control-static">￥666.00</p>
        </div>
      </div>
      
      <div class="block-heading">
        <h5>修改记录列表</h5>
        <div class="pull-right" style="margin-top: 10px">
	        <a href="javascript:void(0);" data-toggle="modal">添加</a>&nbsp;
	        <a href="javascript:void(0);">删除</a>
        </div>
      </div>
      
      <table class="table table-hover ms-table">
        <thead>
	        <tr>
	          <th>修改时间</th>
	          <th>修改内容</th>
	          <th>修改后售价</th>
	          <th>修改后成本</th>
	          <th>出票时间</th>
	          <th>行程单</th>
	          <th>第三方系统订单号</th>
	          <th class="text-center">操作</th>
	        </tr>
        </thead>
        <tbody>
          <tr>
            <td>2019-08-10 10:00:00</td>
            <td>修改内容</td>
            <td>￥600</td>
            <td>￥666</td>
            <td>2019-08-10 10:30:00</td>
            <td>伦敦三天两夜游</td>
            <td>0123547612093</td>
            <td class="text-center">
              <a href="javascript:void(0);">详情</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>2019-08-10 10:00:00</td>
            <td>修改内容</td>
            <td>￥600</td>
            <td>￥666</td>
            <td>2019-08-10 10:30:00</td>
            <td>伦敦三天两夜游</td>
            <td>0123547612093</td>
            <td class="text-center">
              <a href="javascript:void(0);">详情</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>2019-08-10 10:00:00</td>
            <td>修改内容</td>
            <td>￥600</td>
            <td>￥666</td>
            <td>2019-08-10 10:30:00</td>
            <td>伦敦三天两夜游</td>
            <td>0123547612093</td>
            <td class="text-center">
              <a href="javascript:void(0);">详情</a>&nbsp;&nbsp;
            </td>
          </tr>
        </tbody>
        <!-- <tfoot>
        <tr>
          <td colspan="14" class="no-vertical-padding">
            <div class="pull-left">
              <ul class="pagination ms-pagination no-margin clearfix">
				        <li><p>1/4页，共40条记录</p></li>
			          <li><a href="/fita-admin/orders?page=2"><i class="glyphicon glyphicon-chevron-right"></i></a></li>
			          <li><a href="/fita-admin/orders?page=4"><i class="glyphicon glyphicon-step-forward"></i></a></li>
			          <li>
			            <div class="paging-jump">
			              <span>跳转到</span> <input name="page" data-url="/fita-admin/orders" data-total="4" data-querystring="">
			              <button type="button" class="btn btn-default go-btn">Go</button>
			            </div>
			          </li>
				      </ul>
            </div>
          </td>
        </tr>
        </tfoot> -->
      </table>

    </div>
  </div>
</div>

<%@ include file="/WEB-INF/include/script.jsp" %>
<d:resource type="script" root="${ctx.resource}/build"
            src="js/page/order/order-view.js"/>
<script type="text/javascript">
  require(['page/order/order-view'], function (page) {
    page.init()
  })
</script>

</body>
</html>